<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="__PUBLIC__/Image/logo.ico">

    <title>义达生态旅游</title>

    <!-- Bootstrap core CSS -->
    <link href="__PUBLIC__/Css/lib/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__/Css/Index/common.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__/Css/Index/pay.css" rel="stylesheet" type="text/css">
    <style type="text/css">
		img{
			width:auto;
			height:auto;
		}
	</style>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    <script src="__PUBLIC__/Js/lib/jquery-1.11.2.min.js"></script>
	<script src="__PUBLIC__/Js/lib/bootstrap.min.js"></script>
  	<script src="__PUBLIC__/Js/Index/common.js"></script>
  	<script type="text/javascript">
		function pay(){
			var payType = $("input[name='pay_type']:checked").val();
			switch(payType){
				// 支付宝支付
				case "1":{
					$("#orderForm").attr("action","http://www.yddjcctv.com/index.php/Pay/alipay");
					$("#payType").val(payType);
					$("#orderForm").submit();
					break;
				}
				// 微信支付
				case "2":{
					alert("暂不支持微信支付");
					break;
				}
				// 财付通支付
				case "3":{
					alert("暂不支持财付通支付");
					break;
				}
			}
		}
	</script>
  	
  </head>

  <body>
	<input type="hidden" id="loginUser" value="{$_SESSION['loginUser_Index']}">
    <div class="myContainer col-xs-12 col-sm-12 col-md-12 col-lg-12">
      <div class="row">
	      <div class="tab1" id="tab1">
			    <div style="background: #35B348;padding: 5px 20px;color: white;font-size: 20px;">
				    <h3 style="color:#FF3300;">订单信息</h3>
					<table style="width:90%;">
					    <tr>
						    <td rowspan="4" valign="top" style="width:200px; padding:5px 20px;"><img src="__PUBLIC__/Image/Admin/a.png" /></td>
						    <td rowspan="4" valign="top" style="width:200px; padding:5px 20px;color:#FF3300;">{$order.product_name}</td>
						    <td style="padding:0 20px;">订单编号：<span>{$order.id}</span></td>
						</tr>
						<tr>
						    <td style="padding:0 20px;">姓名：<span>{$order.name}</span></td>
						</tr>
						<tr>
						    <td style="padding:0 20px;">联系方式：<span>{$order.phone}</span></td>
						</tr>
						<tr>
						    <td style="padding:0 20px;">下单时间：<span>{$order.order_time}</span></td>
						</tr>
					</table>
					<div style="text-align: right;padding: 20px;">总计：<span class="price_">{$order.total_price}</span>元</div>
				</div>
				
			    <div class="pay_type">
				    <h3>支付方式</h3>
				    <ul>
					    <li style="background:url(__PUBLIC__/Image/Index/tuijian.png) no-repeat;background-size: 30px;">
					    <input type="radio" name="pay_type" checked value="1"/><img src="__PUBLIC__/Image/Index/pay_zfb.png" />
					    </li>
					    <li>
					    <input type="radio" name="pay_type" value="2"/><img src="__PUBLIC__/Image/Index/pay_wx.png" />
					    </li>
					    <li >
					    <input type="radio" name="pay_type" value="3"/><img src="__PUBLIC__/Image/Index/pay_cft.png" />
					    </li>
					</ul>
				</div>
				
			    <div style="height: 80px;">
				    <a class="btn btn-default button" onclick="pay();">提交订单</a>
				</div>
				
				<form id="orderForm" action="" method="post" style="display:none;" target="blank">
					<input type="hidden" name="order_no" value="{$order.id}">
					<input type="hidden" name="order_subject" value="{$order.product_name}">
					<input type="hidden" name="order_total_fee" value="{$order.total_price}">
					<input type="hidden" name="pay_type" id="payType" value="">
				</form>
			</div>
	
	      <div>
		  	<include file="Public:footer" />
		  </div>
	</div>
  </div> <!-- /container -->
  </body>
</html>
